export default defineNuxtPlugin({
  name: 'rem',
  enforce: 'pre',
  hooks: {
    'app:mounted'() {
      const setHtmlFontSize = () => {
        const wh = 100 / 1920 // 表示1920的设计图,使用100px的默认值
        const bodyWidth = document.documentElement.getBoundingClientRect().width // 当前窗口的宽度
        const rem = bodyWidth * wh // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
        document.getElementsByTagName('html')[0].style.fontSize = rem + 'px'
      }

      setHtmlFontSize()

      window.addEventListener('resize', () => setTimeout(() => setHtmlFontSize(), 100))
    }
  }
})
